<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%@include file="/WEB-INF/commit/head.jsp"%>
<div class="layui-body">
	<!-- 内容主体区域 -->
	<div style="padding: 15px;">

		<div class="layui-fluid">
			<fieldset class="layui-elem-field layui-field-title">
				<legend>权限管理</legend>
			</fieldset>
			<form class="layui-form" action="" lay-filter="example">
				<div class="layui-form-item">
					<label class="layui-form-label"><strong>角色列表：</strong></label>
					<div class="layui-input-block" id="demo">
						<input id="r1" name="sex" title="系统管理员" lay-filter="role" type="radio" roleid="1" checked="" value="系统管理员">
						 <input name="sex" roleid="2" lay-filter="role" title="会员" type="radio" value="会员" >
					</div>
				</div>
			</form>
			<hr class="layui-bg-red">
			<div>
				<strong>权限列表：</strong>
				<button id="save" class="layui-btn layui-btn-sm">保存</button>
			</div>
			<hr class="layui-bg-gray">
			<div class="layui-row">
				<div class="layui-col-sm3">
					<div class="grid-demo grid-demo-bg1">
						<dl>
							<dt>
								<input type="checkbox" name="" id="1" value="" /><strong>系统管理</strong>
							</dt>
							<dd>
								<input type="checkbox" name="" id="7" value="" />用户管理
							</dd>
							<dd>
								<input type="checkbox" name="" id="8" value="" />角色管理
							</dd>
							<dd>
								<input type="checkbox" name="" id="9" value="" />权限管理
							</dd>
							<dd>
								<input type="checkbox" name="" id="10" value="" />商品管理
							</dd>
							<dd>
								<input type="checkbox" name="" id="11" value="" />商品套餐管理
							</dd>
							<dd>
								<input type="checkbox" name="" id="38" value="" />基础信息
							</dd>
							<dd>
								<input type="checkbox" name="" id="12" value="" />数字字典
							</dd>
						</dl>
					</div>
				</div>
				<div class="layui-col-sm3">
					<div class="grid-demo">
						<dl>
							<dt>
								<input type="checkbox" name="" id="2" value="" /><strong>会员管理</strong>
							</dt>
							<dd>
								<input type="checkbox" name="" id="13" value="" />注册新会员
							</dd>
							<dd>
								<input type="checkbox" name="" id="14" value="" />新会员管理
							</dd>
							<dd>
								<input type="checkbox" name="" id="15" value="" />修改本人资料
							</dd>
							<dd>
								<input type="checkbox" name="" id="16" value="" />修改本人密码
							</dd>
						</dl>
					</div>
				</div>
				<div class="layui-col-sm3">
					<div class="grid-demo grid-demo-bg1">
						<dl>
							<dt>
								<input type="checkbox" name="" id="3" value="" /><strong>电子银行</strong>
							</dt>
							<dd>
								<input type="checkbox" name="" id="17" value="" />汇款充值
							</dd>
							<dd>
								<input type="checkbox" name="" id="18" value="" />基本账户
							</dd>
							<dd>
								<input type="checkbox" name="" id="19" value="" />消费账户
							</dd>
							<dd>
								<input type="checkbox" name="" id="20" value="" />内部转账
							</dd>
							<dd>
								<input type="checkbox" name="" id="21" value="" />申请提现
							</dd>
							<dd>
								<input type="checkbox" name="" id="22" value="" />提现明细
							</dd>
						</dl>
					</div>
				</div>
				<div class="layui-col-sm3">
					<div class="grid-demo">
						<dl>
							<dt>
								<input type="checkbox" name="" id="4" value="" /><strong>购物管理</strong>
							</dt>
							<dd>
								<input type="checkbox" name="" id="23" value="" />报单购货
							</dd>
							<dd>
								<input type="checkbox" name="" id="24" value="" />确认激活
							</dd>
							<dd>
								<input type="checkbox" name="" id="25" value="" />重消购货
							</dd>
							<dd>
								<input type="checkbox" name="" id="26" value="" />辅消购货
							</dd>
							<dd>
								<input type="checkbox" name="" id="27" value="" />购货列表
							</dd>
							<dd>
								<input type="checkbox" name="" id="28" value="" />删除货单
							</dd>
							<dd>
								<input type="checkbox" name="" id="29" value="" />货单查询
							</dd>
						</dl>
					</div>
				</div>
			</div>
		</div>
		<hr class="layui-bg-gray">
		<div class="layui-fluid">
			<div class="layui-row">
				<div class="layui-col-sm3">
					<div class="grid-demo grid-demo-bg1"></div>
				</div>
				<div class="layui-col-sm3">
					<div class="grid-demo">
						<dl>
							<dt>
								<input type="checkbox" name="" id="5" value="" /><strong>信息查询</strong>
							</dt>
							<dd>
								<input type="checkbox" name="" id="30" value="" />奖励查询
							</dd>
							<dd>
								<input type="checkbox" name="" id="31" value="" />推荐查询
							</dd>
							<dd>
								<input type="checkbox" name="" id="32" value="" />区域查询
							</dd>
							<dd>
								<input type="checkbox" name="" id="33" value="" />操作须知
							</dd>
						</dl>
					</div>
				</div>
				<div class="layui-col-sm3">
					<div class="grid-demo grid-demo-bg1">
						<dl>
							<dt>
								<input type="checkbox" name="" id="6" value="" /><strong>资讯管理</strong>
							</dt>
							<dd>
								<input type="checkbox" name="" id="34" value="" />公告管理
							</dd>
							<dd>
								<input type="checkbox" name="" id="35" value="" />资讯管理
							</dd>
							<dd>
								<input type="checkbox" name="" id="36" value="" />下载文件
							</dd>
							<dd>
								<input type="checkbox" name="" id="37" value="" />留言管理
							</dd>
						</dl>
					</div>
				</div>
				<div class="layui-col-sm3">
					<div class="grid-demo"></div>
				</div>
			</div>
		</div>

	</div>
</div>
<link rel="stylesheet" href="css/qx.css">
<script type="text/javascript">
	$(function() {
		
		serch();
		function serch() {
			var r = null;
			$(":radio").each(function() {
				if ($(this).prop("checked")) {
					r = $(this).attr("roleid");
					$.post("aufunction/serchid.html", "roleid=" + r, function(data) {
						  for(var d in data){
							 var i=data[d];
							$("#"+i).prop("checked",true);
						} 
						console.info(data)
					},"json")
					return false;
				}
			})
		}
		
		
			
	
		$("dt input").click(function(){
			if($(this).prop("checked")){
				$(this).parent().nextAll("dd").each(function(i,e){
					$(e).find("input").prop("checked",true);
				})
			}else{
				$(this).parent().nextAll("dd").each(function(i,e){
					$(e).find("input").prop("checked",false);
				})
			}
		});
		
		$("dd input").click(function(){
			if($(this).prop("checked")){
				$(this).parent().parent().find("dt").find("input").prop("checked",true);
			}
			var falg=false;
			if(!$(this).prop("checked")){
				$(this).parent().parent().find("dd").find("input").each(function(i,e){
					if($(e).prop("checked")){
						falg=true;
					}
				})
				$(this).parent().parent().find("dt").find("input").prop("checked",falg);
			}
			
		})

		$("#save").click(
				function() {
					var roleid = null;
					var myArray = new Array();
					var index = 0;
					$(":radio").each(function() {
						if ($(this).prop("checked")) {
							roleid = $(this).attr("roleid");
						}
					})
					$(":checkbox").each(function() {
						if ($(this).prop("checked")) {
							id = $(this).attr("id");
							myArray[index] = id;
							index = index + 1;
						}
					})
					console.info(roleid);
					console.info(myArray);
					$.post("aufunction/change.html", "roleid=" + roleid
							+ "&functionids=" + myArray, function() {			
						window.location.href="user/logout.html"

					})

				})

		//JavaScript代码区域
		layui.use([ 'element', 'form' ], function() {
			var element = layui.element;
			var form = layui.form;
			
			form.on("radio(role)", function(data){
				  $("[type='checkbox']").prop("checked",false);
				  var r = null;
					$(":radio").each(function() {
						if ($(this).prop("checked")) {
							r = $(this).attr("roleid");
							$.post("aufunction/serchid.html", "roleid=" + r, function(data) {
								  for(var d in data){
									 var i=data[d];
									$("#"+i).prop("checked",true);
								} 
								console.info(data)
							},"json")
							return false;
						}
					})
			})
		});
	})
</script>


<%@include file="/WEB-INF/commit/dibu.jsp"%>